/* Basic formatting */

body{
	font-size: 16px;
	font-family: arial, sans-serif;
}

h1{
  font-size: 32px;
}

a.small{
	font-size: 8px;
	color: black;
}

a.blacklink{
	color: black;
}

img.noborder{
	border:0;
}

/* Removes borders from images on 
 * the control panel and ensures they 
 * are top level 
 */
img.controlpanel{
 border:0;
 z-index:99;
}

/* Window for error messages */
div.errormessage{
	border: 2px solid red;
	width: 90%;
	left: 5%;
	padding: .4em;
	margin: 1em;
}

/* Small window for displaying a projects basic information */
div.projectoutline{
  float: left;
  border: 1px solid #2c5d82;
  width: 350px;
  height: 200px;
  margin: 1em;
}

/* Longer window for displaying most items in column format */
div.projectdescription{
  float: left;
  border: 1px solid #2c5d82;
  width: 350px;
  min-height: 400px;
  margin: 1em;
}

/* The context control panel on the top of each screen */
div.controlpanel{
  position: absolute;
  right: 1px;
  top: 1px;
  padding: 0.4em;
  border: 1px solid #2c5d82;
  width: 550px;
  margin: 1em;
}

/* Usually blue bar that contains the heading of a projectdescription or outline */
div.projecttitle{
  background-color: #2c5d82;
  color: white;
  margin-bottom: 0.2em;
  padding: 0.1em;
  padding-left: 0.2em;
}
/* Pads the inside of descriptions */
div.projectinside{
  padding: 0.4em;
}